<template>
  <div class="vipcard-invoice-record">
    <nav-bar>
      <div class="center" slot="center">购买记录</div>
    </nav-bar>
    <section class="no-log">
      <img src="~assets/img/profile/no-log.png" alt="" />
      <p>没有购买记录</p>
    </section>
  </div>
</template>

<script>
import NavBar from "components/common/navbar/NavBar";
export default {
  components: {
    NavBar,
  },
};
</script>
<style lang="less" scoped>
@import url("assets/css/mixin");
.vipcard-invoice-record {
  background-color: #fff;
  .initial-children();
  .no-log {
    text-align: center;
    margin-top: 130px;
    font-size: 14px;
    color: #999999;
    img {
      width: 180px;
      margin-bottom: 15px;
    }
  }
}
</style>